$(".img").bind('dblclick',function(){
    var _this = $(this);//将当前的img元素作为_this传入函数
    imgShow ("#outerdiv", "#innerdiv", "#bigimg", _this);
    })
    function imgShow(outerdiv, innerdiv, bigimg, _this) {
        var src = _this.attr("src");//获取当前点击的pimg元素中的src属性
        $(bigimg).attr("src", src);//设置#bigimg元素的src属性
        $("<img/>").attr("src", src).on("load",function(){
            var windowW = $(window).width();//获取当前窗口宽度
            var windowH = $(window).height();//获取当前窗口高度
            var realWidth = this.width;//获取图片真实宽度
            var realHeight = this.height;//获取图片真实高度
            var imgWidth, imgHeight;
            var ratio1 = realWidth/windowW, ratio2 = realHeight/windowH;
            var scale = 0.6/(ratio1 > ratio2 ? ratio2 : ratio1);
            var limit = 1.2;
            if(scale>=limit)scale=limit;imgWidth = realWidth * scale;imgHeight = realHeight * scale;
            //scale=0.6;
            $(bigimg).css("width", imgWidth);//以最终的宽度对图片缩放
            var w = (windowW - imgWidth) / 2;//计算图片与窗口左边距
            var h = imgHeight * 0.25;//计算图片与窗口上边距
            $(innerdiv).css({"top": h , "left": w});//设置#innerdiv的top和left属性
            $(outerdiv).fadeIn("fast");//淡入显示#outerdiv及.pimg
        });
        $(outerdiv).click(function() {//再次点击淡出消失弹出层
        $(this).fadeOut("fast");
    });
}